import Vue from 'vue'
import VueRouter from 'vue-router'
import Recommend from '../views/Recommend.vue'

Vue.use(VueRouter)

const routes = [
  // {
  //   path: '/',
  //   name: 'Home',
  //   component: Home
  // },
  {
    path: '/recommend',
    name: 'Recommend',
    component: Recommend
  },
  {
    path: '/Hot',
    name: 'Hot',
    props:true,
    component: () => import('@/views/Hot.vue')
  },
  // {
  //   path: '/Hot',
  //   name: 'Hot',
  //   props:true,
  //   component: () => import('@/views/Hot.vue')
  // },
  {
    path: '/SongItem',
    name: 'SongItem',
    meta:{
      hideHead:true
    },
    // props:true,
    component: () => import('@/views/SongItem.vue')
  },
  // {
  //   path: '/talk',
  //   name: 'talk',
  //   meta:{
  //     hideHead:true
  //   },
  //   props:true,
  //   component: () => import('@/views/talk.vue')
  // },
  {
    path: '/search',
    name: 'search',
    component: () => import('@/views/search.vue')
  },
  {
    path:'/talk/:id',
    name:'talk',
    meta:{
      hideHead:true
    },
    props:true,
    component:()=>import('@/views/talk.vue')
  }
]

const router = new VueRouter({
  mode:'hash',
  base:process.env.BASE_URL,
  routes
})

export default router
